﻿<!DOCTYPE html>
<html ng-app>
<head>

    <meta charset="utf-8" />
    <meta name="cache-control" content="no-cache">
    <meta name="pragma" content="no-cache">
    <meta name="google" content="notranslate">
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
    <meta http-equiv='Page-Enter' content='blendTrans(Duration=0.2)'>
    <meta http-equiv='Page-Exit' content='blendTrans(Duration=0.2)'>
    <meta name='description' content='Software Senior Developer'>
    <meta name='author' content='Azmi ŞAHİN - bilgi@azmisahin.com'>
    <meta name='google' content='notranslate' />
    <link rel="shortcut icon" href="favicon.png">
    <link rel="icon" href="favicon.png">
    <link rel="apple-touch-icon" href="favicon.png">

    <title>Azmi ŞAHİN</title>
    
    
    <!-- Angular JS-->
    <!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>-->
    <script src="Ui/angularjs/angular.min.js"></script>
    
    
    <!-- Bootstrap -->
    <!--<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">-->
    <!--<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">-->
    <link href="Ui/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="Ui/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    
    
    <!--<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>-->
    <!--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>-->
    <!--[if lt IE 9]>
        <script src="Ui/jquery/html5shiv.js"></script>
        <script src="Ui/jquery/respond.min.js"></script>
    <![endif]-->


</head>

<body>
    
    <div class="container">
        <div class="render">
            <div class="row">

                <div class="col-md-6">
                    <h1>Via Convert Method 2</h1>
                    <p class="lead">Via Convertor; csv, xml, json formats (class-based) converter.</p>
                </div><!--md6-->

                <div class="col-md-6">
                    <form role="form" enctype="multipart/form-data" method="post" action="Api/Convert2">

                        <div class="form-group">
                            <label for="file">File Source ( csv, xml)</label>
                            <input type="file" id="sourceFile" name="sourceFile" />
                            <p class="help-block">Local File</p>
                        </div>

                        <div class="radio">
                            <label>
                                <input type="radio" name="toFormat" value="csv" checked>
                                To Csv Format Content Generate
                            </label>
                        </div>

                        <div class="radio">
                            <label>
                                <input type="radio" name="toFormat" value="xml">
                                To Xml Format Content Generate
                            </label>
                        </div>

                        <div class="radio">
                            <label>
                                <input type="radio" name="toFormat" value="json">
                                To Json Format Content Generate
                            </label>
                        </div>
                    
                        
                    
                        <button type="submit"
                                id="convert"
                                class="btn btn-default"
                                data-container="body"
                                data-toggle="popover"
                                data-placement="right"
                                data-original-title="Convert Progress"
                                data-content="">
                            Convert
                        </button>

                    </form><!--form-->

                </div><!--md6-->

            </div><!--row-->
        </div><!---render-->
    </div><!--container-->

    <hr />

    <div class="container">
        <div class="render">

            <div class="row">

                <div class="col-md-6">
                    <pre id="contentFrom"></pre>
                </div><!--md5-->

                <div class="col-md-6">

                    <pre id="contentTo"></pre>

                </div><!--md7-->

            </div>

        </div><!---render-->
    </div><!--container-->
    
    
    <!-- jQuery  -->
    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>-->
    <script src="Ui/jquery/jquery.min.js"></script>
    
    
    <!--Botstrap -->
    <!--<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>-->
    <script src="Ui/bootstrap/js/bootstrap.min.js"></script>
    
    
    <!--Convert Api-->
    <script src="/Scripts/ViaConvert2.js"></script>


</body>
</html>